<script setup>
import { onMounted, inject } from 'vue'
import {useRoute} from 'vue-router'

const route=useRoute()
const path_list=inject('path_list')
path_list.value=route.matched

onMounted(()=>{
    window.scrollTo(0,0)
})

const datas=[
    {
        id:1,
        title:'市经济信息委联合市人力社保局开展“党建引领 强技赋能”联建活动',
        date:'2024-07-25',
        source:'机关党办',
        images:['1.jpeg'],
        content:`为深入学习贯彻党的二十届三中全会精神，推动加快构建产教融合文化共同体，市经济信息委充分发挥党的组织力建设作用，联合市人力社保局开展“党建引领 强技赋能”联建活动，在党建引领下，凝聚经信系统和人社系统党员思想共识和行动共识，助推委属学校高质量发展。
        7月24日，市人力社保局直属机关党委、市人力社保局职业能力建设处党支部赴委属市轻工业学校，与委直属机关党委联合开展党建共建活动，双方围绕党建赋能产教融合高质量发展进行了深入交流讨论。
        活动中，市人力社保局紧扣职业教育未来发展趋势，结合我委委属学校优势资源，针对学校如何在构建产业融合文化共同体、职业技能竞赛、校企合作等方面创新发展提出了指导意见。与会党员现场调研了委属轻工业学校工业设计展示生产基地、世界技能大赛实训基地等，开展了3D绘国旗庆华诞活动，对当前党建引领产教融合中的热点、难点问题和党建创新路径进行了深入探讨，分享创新案例，共商改革举措。
        活动中还集中传达学习了党的二十届三中全会精神、习近平总书记关于全面加强党的纪律建设的重要论述、习近平总书记视察重庆重要讲话重要指示精神和市委六届五次全会精神。
        下一步，市经济信息委直属机关党委将进一步发挥党建对中心工作的引领保障作用，创新党建活动载体，加强与相关职能部门的联系，互学互助、取长补短，以高质量党建引领产教融合高质量发展。
        `
    },
    {
        id:1,
        title:'市经济信息委联合市人力社保局开展“党建引领 强技赋能”联建活动',
        date:'2024-07-05',
        source:'机关党办',
        images:['2.jpeg','3.jpg'],
        content:`为落实重庆四川党政联席会议第九次会议精神，深入贯彻《关于深化机关党建联建共享协同服务成渝地区双城经济圈建设的意见》，7月4日至5日，重庆市经济和信息化委员会、四川省经济和信息化厅、广安市经济和信息化局携手举办党建结对共建暨菁英成长交流系列活动，在前期联学的基础上进一步深化川渝经信党建结对共建工作。
        活动现场，重庆市经济和信息化委员会、四川省经济和信息化厅、广安市经济和信息化局举行了机关党建协同服务川渝合作示范区（广安片区）经信青年干部结对仪式，24名青年干部代表分成6组结对联学联建，进一步加强党建交流、党员互动、专业资源共享，深入探索党建业务融合新模式，共谋川渝两地产业融合大发展。
        会上，川渝两地经信系统11名青年干部代表立足自身工作岗位，以“向‘新’出发、共谱‘新’章——川渝经信菁英新质生产力联学”为主题进行了交流发言，进一步领会和把握新质生产力的发展内涵和实践要义，探讨如何在成渝地区双城经济圈建设中更好发挥青年干部的使命担当。
        青年干部代表一行还前往川渝高竹新区、广安高新区科创中心进行了现场调研，并前往邓小平故居参加缅怀活动。与会代表表示将以本次交流学习为契机，不断加强学习、提升能力，以更加饱满的热情、更加坚定的信念、更加务实的作风，投身成渝地区双城经济圈建设的伟大实践，积极破解发展难题、推动产业升级，共同促进川渝经信事业的繁荣发展。
        `
    }
]
let data=datas[parseInt(route.params.id)-1]
</script>

<template>
<div class="content">
    <div class="title">
        {{ data.title }}
    </div>
    <div class="subtitle">
        <span>时间：{{ data.date }}</span>
        <span>来源：{{ data.source }}</span>
    </div>
    <el-carousel :interval="4000" height="300px">
      <el-carousel-item v-for="item in data.images" :key="item" style="height:auto;">
        <div class="band">
            <img :src='`/activity/${item}`' style="object-fit:scale-down; height:100%; width:100%;"/>
        </div>
      </el-carousel-item>
    </el-carousel>
    <div class="main">
        {{ data.content }}
    </div>
</div>
</template>

<style lang="scss" scoped>
.content{
    .title{
        color:#2567c1;
        font-size:x-large;
        text-align:center;
        margin:20px 0 10px 0;
    }
    .subtitle{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        color:#666;
        margin:0 0 20px 0;
        span{
            margin:0 15px;
        }
    }
    .el-carousel__item .band{
      color: #475669;
      opacity: 0.75;
      margin: 0;
      text-align: center;
    }
    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }
    .el-carousel__item:nth-child(2n + 1) {
      background-color: #d3dce6;
    }
    .main{
        font-size:large;
        text-indent:2em;
        white-space:pre-wrap;
        margin-top:20px;
    }
}
</style>